<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="language" content="zh-CN">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="description" content="圣地巡礼">
    <meta name="author" content="张三">
    <title>(oﾟvﾟ)ノ巡礼地点</title>
    <link href="styles/sightshow-style.css" rel="stylesheet">
    <script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
    <link rel='stylesheet prefetch'
        href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css'>
</head>


<body>
    <!-----------顶层导航栏--------->
    <div class="topnav">
        <a class="title">
            <ruby>
                圣<rp>(</rp>
                <rt>中</rt>
                地<rt>二</rt>
                <rp>)</rp>
                巡礼🚆——比宇宙🌌更远的地方
            </ruby>
        </a>
        <a href="index.html"><i class="fa fa-home fa-fw" aria-hidden="true"></i>&nbsp;首页💖</a>
        <a class="active" href="/sightshow.html"><i class="fa fa-book fa-fw" aria-hidden="true"></i>&nbsp; 巡礼地点💖</a>
        <a href="custPlan.html"><i class="fa fa-pencil fa-fw" aria-hidden="true"></i>&nbsp;
            巡礼计划💖</a>
        <a href="journal.html"><i class="fa fa-cog fa-fw" aria-hidden="true"></i>&nbsp; 精彩巡记💖</a>
        <span class="search-container">
            <form action="">
                <input type="text" placeholder="搜索.." name="search">
                <button type="submit"><i class="fa fa-search"></i></button>
            </form>
        </span>
    </div>

    <!--单页应用-->
    <div class="ct" id="t1">
        <div class="ct" id="t2">
            <ul id="menu">
                <a href="#t1">
                    <li class="icon fa fa-bolt" id="uno">未闻花名</li>
                </a>
                <a href="#t2">
                    <li class="icon fa fa-keyboard-o" id="dos">路人女主</li>
                </a>
            </ul>

            <div class="page" id="p1">
                <section class="icon">
                    <span class="title">01</span>
                    <span class="hint">
                        <span class="box1">
                            <img src="images/box1.jpg" alt="/">
                            <span class="description1">
                                <p>
                                    动画名：《我们仍未知道那天所看见的花名》
                                </p>
                                <p>
                                    真实地点：秩父桥
                                </p>
                            </span>
                        </span>
                    </span>
                </section>
            </div>
            <div class="page" id="p2">
                <section class="icon">
                    <span class="title">02</span>
                    <span class="hint">
                        <span class="box2">
                            <img src="images/box2.jpg" alt="/">
                            <span class="description2">
                                <p>
                                    动画名：《路人女主的养成方法》
                                </p>
                                <p>
                                    真实地点：东京丰岛区经典的のぞき坂及其周边，学习院下站站在这个站台上，探身看向神田川方向，就是OP中他们踏过的那个平交道
                                </p>
                            </span>
                        </span>
                    </span>
                </section>
            </div>
        </div>
    </div>

    <script src="scripts/sightshow-js.js"></script>
    <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
</body>
</html>